<template>

	<div class="count">
		<h4>人才和企业查询统计 </h4>

		<div class="tablan" ref='tabs'>

			<el-tabs v-model="activeName"   >
				<el-tab-pane label="人才" name="first">
					<div class="hello">

						<renCai class='rencai' ></renCai>

					</div>
				</el-tab-pane>
				<el-tab-pane label="企业" name="second">
					<div class="hello">

						<qiYe></qiYe>

					</div>
				</el-tab-pane>
			</el-tabs>
		</div>
	</div>
	</keep-alive>

</template>
<script type="text/javascript">
	import renCai from '@/pages/manpower/rencai';
	import qiYe from '@/pages/manpower/qiye';
//	import { mapState, mapMutations } from 'vuex'

	export default {
		components: {
			renCai,
			qiYe,
		},
		data() {
			return {
				//				默认tab第几项目
				activeName: 'first',
				
			
			}
		},
		created() {

		},
		methods: {
//			...mapMutations(['tabChange']),

		},
//		computed: {
//			...mapState(['tab'])
//		},
//		watch: {
//			tab(xin, old) {
////				console.log(xin, old);
////				this.activeName=xin;
//			}
//
//		},
		mounted() {

		}
	}
</script>
<style lang="scss" scoped>
	.count {
		h4 {
			position: relative;
			font-size: 18px;
			font-weight: 400;
			text-align: center;
			margin-top: -16px;
			.fanhui {
				position: absolute;
				right: 50px;
			}
		}
		/*组件人员详情*/
		.bbb {
			margin-top: 18px;
		}
	}
</style>